<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/details.css" />
    <link rel="stylesheet" href="../data/swiper-master/swiper-bundle.min.css" />
    <!-- Link Swiper's CSS -->
    <style>
      html,
      body {
        position: relative;
      }
      .swiper-container {
        width: 100%;
        height: 100%;
        /* position: absolute; */
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
        margin-right: 20px !important;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        color: #aa8764;
        opacity: 1;
        border: 1px solid #aa8764;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1000;
      }
      .swiper-pagination-bullet-active {
        color: #aa8764;
        background-color: #3c2314 !important;
        border: 1px solid #3c2314;
      }
      .swiper-pagination {
        height: 30px;
        width: 400px !important;
        float: left;
        margin-left: 150px;
        /* margin-bottom: 30px; */
      }
    </style>
  </head>
  <body>
    <div class="box">
      <header>
        <div class="container">
          <div class="head">
            <div class="tu"></div>
            <ul class="nav">
              <li>
                <a href="./index.html">首页</a>
              </li>
              <li>
                <a href="./cakes.html">蛋糕</a>
              </li>
              <li>
                <a href="../html/noon.html">下午茶</a>
              </li>
              <li>
                <a href="../html/food.html">精选食材</a>
              </li>
              <li>
                <a href="../html/new.html">最新活动</a>
              </li>
              <li>
                <a href="../html/qiye.html">企业专区</a>
              </li>
              <li>
                <a href="./login.html">会员中心</a>
              </li>
            </ul>
            <div class="ri">
              <div class="deng">
                <a href="./login.html" class="lu">登录</a>
                <a href="./register.html" class="zhu">注册</a>
              </div>
              <div class="gou">
                <a href="../html/car.html">
                  <img
                    src="https://www.ebeecake.com/dist/images/shop_bag.png"
                    alt=""
                  />
                </a>
              </div>
            </div>
          </div>
        </div>
      </header>

      <div class="content">
        <div class="con1">
          <div class="lun">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="http://images.ebeecake.com/img_w/5046.jpg" alt="" />
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
            </div>
          </div>
          <!-- <div class="right">
            <h3 class="zhongguo">中国印|草莓慕斯蛋糕</h3>
            <div class="star">
              <span class="mi">蜜度</span>
              <span class="zhi">芝度</span>
            </div>
            <p class="mei">
              美玉成玺，惊为天工。樱花草莓酱融合清新淡雅乳清芝士，软糯清甜，微凉，微酸，丰富配料让你口感满足，庆祝生日就要生日快乐，品尝中国印的滋味。
            </p>

            <div class="bang">
              <div class="tupian">
                <img
                  src="https://images.ebeecake.com/img_c/size/f16.png"
                  alt=""
                />
              </div>
              <div class="bang1">
                <span class="ba">1.4磅(≥650克)</span>
                <span class="ju">+6套餐具</span>
                <span class="shiyong">适合3-6人食用</span>
                <span class="morning">最早21:30配送</span>

                <div class="pri">￥335/<a class="limi">16cm</a></div>
              </div>
            </div>
            <ul class="miy">
              <li>16厘米</li>
              <li>16厘米</li>
              <li>16厘米</li>
              <li>16厘米</li>
              <li>16厘米</li>
              <li>16厘米</li>
            </ul>
            <div class="gouwu">
              <button class="jiaru">加入购物袋</button>
              <button class="liji">立即购买</button>
            </div>
          </div> -->
        
          <div class="right1">
            <h3 class="haitai">海苔松松蛋糕卷</h3>
            <ul class="song">
              <li>￥29.8/220克</li>
            </ul>
            <div class="gouwu">
              <button class="jiaru">加入购物袋</button>
              <button class="liji"><a href="../html/car.html">立即购买</a></button>
            </div>
          </div>
        </div>
        
        <div class="con2">
          <div class="container">
            <div class="tuu">
              <!-- <img src="http://images.ebeecake.com/img_w/3355.jpg" alt="" />
              <img src="http://images.ebeecake.com/img_w/3356.jpg" alt="" /> -->
            </div>
          </div>
        </div>
      </div>
      <div class="foot">
        <div class="container">
          <ul class="guanyu">
            <li><a href="http://">关于我们</a></li>
            <li class="first"><a href="http://">最新活动</a></li>
            <li class="first"><a href="http://">企业专区</a></li>
            <li class="first"><a href="">公益合作</a></li>
            <li class="first"><a href="">招聘</a></li>
            <li class="first gong"><a href="">公众号</a></li>
          </ul>
          <div class="weixin">
            <img src="	https://www.ebeecake.com/dist/images/ewm_wx.jpg" alt="" />
            <p>微信公众号</p>
          </div>
          <p class="xiaomi">
            小蜜蜂蛋糕 提前3小时预订，北京市六环内免费配送
            公司地址：北京市朝阳区798艺术区工美楼3层
          </p>
          <p class="beian">
            Copyright © 2009-2021 ebeecake小蜜蜂蛋糕 易贝可（北京）食品有限公司
            <a href="https://beian.miit.gov.cn/" class="hao"
              >京ICP备09081733号-1</a
            >
            <a
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502044187"
              class="gongan"
              >京公网安备 11010502044187号</a
            >
          </p>
          <p class="copy">
            <span>公司电话：4006106798 </span>
            <a href="https://images.ebeecake.com/img_c/jyxk.jpg" class="food"
              >食品经营许可证：JY11105110232865</a
            >
            <a href="https://images.ebeecake.com/img_c/scxk.jpg">
              食品生产许可证：SC12411051114584</a
            >
          </p>
        </div>
      </div>
      <div class="dingbu"></div>
    </div>
    <script src="../data/jquery/dist/jquery.min.js"></script>
    <script src="../data/swiper-master/swiper-bundle.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
    <!-- <script src="../js/noondet.js"></script> -->
    <script src="../js/details.js"></script>
  </body>
</html>
